*{padding: 0; margin: 0;font-family: "微软雅黑";}
ul li{list-style: none;}
.left{float: left;}
.right{float: right;}
a{text-decoration: none;}
.wrap{width: 1212px; margin: 0 auto;}
input{
	outline: none;
}
/****************************leader***********************************/
.leader{
	height: 80px;
}

.leader a{
	height: 80px;
	display: block;
	background: url(../img/leader.jpg) no-repeat center;
	margin: 0 auto;
	text-align: center;
}
/****************************top***********************************/
.top{
	width: 100%;
	height: 140px;
	background:;
}
.top .top-top{
	width: 100%;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	height: 30px;
	background: #f2f2f2;
}
.top .top-top span{
	
}
.top-left .top-home{
	margin: 7px 0;
	height: 14px;
	width: 16px;
	background: url(../img/home.png) no-repeat center ;
	float: left;
}
.top-left .top-phone{
	margin: -6px 0;
	height: 25px;
	width: 21px;
	background: url(../img/top-phone.png) no-repeat center ;
	display: inline-block;
}
.top-right .regist{
	padding: 0 0 0 6px;
	height: 24px;
	width: 21px;
	background: url(../img/youli.gif) no-repeat center;
	float: left;
}
.top-top a{
	font-size: 12px;
	color: #7b7bb0;
	padding: 0 18px;
}
.top .top-top ul li{
	float: left;
	
}
 .top-top ul li a{
	border-right: 1px solid #000;
}
.top .top-top ul li .phone-download{
	border-right: none;
}
.top-bottom{
	width:100%;
}
.top-bottom .yijian{
	margin: 10px 50px;
}
.top-myfifth{
	position: relative;
}
/*.myfifth-span{
	height: 15px;
	width: 15px;
	float: right;
	background: url(../img/brandstore_share.png) no-repeat  -352px -450px;
}*/
.myfifth{
	display: none;
	height:150px;
	width: 107px;
	position: absolute; 
	left: 0;
	top:30px;
	border: 1px solid #ccc;
	background: #FFFFFF;
}
.myfifth p a{
	border: none !important;
}
.myfifth p a:hover{
	color: red;
	
}
.phonedd{
	margin-top: 10px;
	height: 15px;
	width: 33px;
	float: right;
	background: url(../img/brandstore_share.png) no-repeat -288px -380px;
}
.top-weixin{
	position: absolute;
	left: top: 30px;
	display: none;
}
.top a:hover{
	color: red;
}
.top-bottom .search{
	
	width: 390px;
	position: absolute;
	left: 520px;
	top: 140px;
}
.top-bottom .inp{
	text-indent: 10px;
	float: left;
	border: none;
	width: 306px;
	height: 40px;
	border: 2px solid #c69c6d; 
}

.top-bottom .search button{
	float: left;
	border: none;
	width: 80px;
	height: 44px;
	background: #c69c6d;
	color: #F2F2F2;
	font-size: 14px;
}
.top-bottom ul li{
	float: left;
}
.top-bottom ul li a{
	font-size: 12px; 
	color: #7b7bb0;
	margin: 9px 26px 0 0;
}
.top-bottom .top-bottom-right{
	height:34px;
	width: 142px;
	float: right;
	border: 1px solid #7b7bb0;
	margin: 34px 10px;
	line-height: 30px;
	font-size: 13px;
}
.top-bottom .v30cart{
	margin: 0 10px;
}
.top-bottom .cart-num{
	color: red;
}
.top-bottom .right-jiantou{
	float: right;
	height: 15px;
	width: 15px;
	background: url(../img/share02.png)  no-repeat -263px -383px ;
	background-position: ;
    margin: 10px 0;
}
/****************************banner***********************************/
.banner{
	height: 560px;
	width: 100%;
	background: #DAD55E;
}
.banner-top{
	width: 100%;
	height: 38px;
	background: #222122;
}
.banner-top .banner-list{
	width: 100%;
}
.banner-top .banner-list>li{
	float: left;
	height: 38px;
}
.banner-top  .banner-list li.active{
	background: #cf0101;
	color: #FFFFFF;
}
.banner-top .banner-list li>a{
	display: block;
	padding: 12px 27px;
	color: #c69c6d;
	font-size: 12px;
}
.banner-lists{
	width: 100px;
	height:500px;
	background:#FFFFFF;
	/*opacity: 0.8;*/
	position: relative;
	z-index: 22;
	
}
.banner-lists dl{
	position: relative;
}
.banner-lists dt{
	
}
.banner-lists dt>a{
	font-size: 13px;
	color: #c69c6d;
	margin: 20px;
	
}
.banner-lists .banner-hide{
	display: none;
	opacity: 1;
	background: #FFFFFF;
	position: absolute;
	width: 700px;
	top: 0;
	left: 100px;
	
}
.banner-hide ul{
	width: 100%;
	overflow: hidden;
}	
.banner-hide li{
	overflow: hidden;
			width: 100%;
			border-bottom: 1px solid #ccc;
			
}
.banner-hide li	h5{
	            font-size: 16px;
				float: left;
				margin: 15px;
				color: red;
				
}
.dd-hide-right{
				width: 560px;
				float: left;
				margin-left: 30px;
				overflow: hidden;
}				
.dd-hide-right a{
					font-size: 12px;
					color: #000000;
					margin: 10px ;  
}
			
			

	 



.dd-hide-right a{
	float: left;
}
.wrapbanner{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	height: 520px;
}
.wrapbanner ul{
	width: 1440px;
	margin: 0 auto;
	height: 520px;
}
.banner-top .banner-list li>a:hover{
	color: #FFFFFF;
	background: #cf0101;
}
.banner-top .banner-list .active>a{
	color: #FFFFFF;
	background: #cf0101;
}
.banner-main ul li{
	float: left;
}
/****************************lsit***********************************/
.list{
	height: 693px;	
}
.list-brandship-top{
	margin: 40px 0 27px 0;
}
.list-brandship-middle li{
	float: left;
	margin-right: 8px;
	overflow: hidden;
	position: relative;
}
.list .list-animate{
	z-index: 2;
	height: 154px;
	width:154px;
	position: absolute;
	left: 40px;
	top: 300px;
	background: #FFFFFF;
	text-align: center;
}
.list-animate img{
	width: 154px;
}
.list-animate p{
	font-size: 13px;
	color: #000000;
	line-height: 24px;
}
.hoststore-title{
	height: 60px;
}
.host-left{
	margin:20px 10px;
	display: inline-block;
	height: 20px;
	width: 18px;
	background:url(../img/share02.png) no-repeat  -160px -381px;
}
.host-right{
	margin:20px 10px;
	display: inline-block;
	height: 20px;
	width: 18px;
	background:url(../img/share02.png) no-repeat  -180px -381px;
}
.hoststore-main{
	float: left;
}
.hoststore-main img{
	height: 50px;
	margin: 20PX 30PX;
}

.hoststore-main-ul li{
	position: relative;
	float: left;
	height: 82px;
	width: 168px;
	border: 1px solid #ccc;
	margin:0 3px 3px 0;
}
.host-cover{
	line-height: 15px;
	text-align: center;
	height: 60px;
	width: 100px;
	position: absolute;
	left: 18%;
	top: 25%;
	background: #FFFFFF;
	display: none;
}

/****************************hotitems***********************************/
.hotitems{
	height: 680px;
}
.hotitems-main-title{
	height: 44px;
}
.hotitems-main-title li{
	float: left;
	height: 30px;
	width: 399px;
	line-height: 30px;
	text-align: center;
	background: #999999;
	color: #FFFFFF;
	margin-right: 5px;
	margin-bottom: 16px;
}
.hotitems-main-lunbo{
	height: 520px;
}
.hotlunbo-right{
	width: 834px;
}
.hotlunbo-right dl{
	position: relative;
	margin: 0 6px 6px 0;
	float: left;
	height: 253px;
	width: 270px;
	border: 1px solid #ccc;
	text-align: center;
}
.hotlunbo-right dl dt{
	position: absolute;
	left: 10%;
	top: 6%;
} 
 .hotlunbo-right dl dd{
 	left: 35%;
 	top: 30%;
	position: absolute;
}
.hotlunbo-right dl img{
	height: 170px;
	width: 170px;
	
}
.hotlunbo-righ{
	width: 814px;
}
.hotlunbo-righ .items-rightimg{
	float: left;
	margin: 0 0 3px 6px;
}
.hotitems-main-lunbo ul li.hide{
	display: none;
}
.hotitems-main-lunbo ul li.active{
	display: block;
}
/****************************main***********************************/
.main{
	height: 2377px;
}
.main-title-ul{
	width: 100%;
	overflow: hidden;
}
.main-title-ul li{
	position: relative;
	overflow: hidden;
	width: 236px;
	height: 50px;
	float: left;	
}
.main-title-ul li .main-cover-top{
	height:50px;
	width: 230px;
	background: #999999;
	margin-right: 8px;	
	line-height: 50px;
	text-align: center;
	display: block;
	font-size: 14px;
	color: #FFFFFF;
}
.main-cover{
	top:0;
	left: 0;
	position: absolute;
	height: 100px;	
	width: 230px;	
	text-align: center;
	
	
}
.main-cover .main-cover-bottom{
	background: #000000;
	padding: 5px 6px;
	display: block;
	width: 218px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #FFFFFF;
	
}
.classicbags-title{
	width: 100%;
	overflow: hidden;
}
.classicbags-title span{
	margin: 10px 3px;
}
.classicbags-left{
	height: 374px;
	width: 238px;
	border: 1px solid #ccc;
}
.classicbags-lunbo{
	margin: 10px 20px;
margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  height: 150px;
  width: 224px;
  /* Fix of Webkit flickering */
  z-index: 1;	
}

.bags-list-top{
	height: 200px;
	margin: 0 12px;
	border-bottom: 1px dashed #ccc;
}
.bags-list-top li{
	height: 36px;
	width: 106px;
	line-height: 36px;
	float: left;
}
.bags-list-top a{
	font-size: 12px;
	color: #666666;
}
.classicbags-middle{
	border: 1px solid #ccc;
	margin-left: 8px;
	position: relative;
}
.classicbags-middle-up{
	height: 90px;
	width: 251px;
	text-align: center;
	position: absolute;
	left: 68px;
	top: 270px;
	background: #FFFFFF;
	opacity: 0.5;
}
.classicbags-right{
	width: 570px;
}
.classicbags-right li{
	margin: 0 4px 4px;
	float: left;
	height: 183px;
	width: 275px;
	border: 1px solid #ccc;
}

/****************************nav***********************************/
.nav{
	height: 922px;
	
}
.nav-top , .nav-middle{
	width: 100%;
	overflow: hidden;
	margin-bottom: 14px;
}
.nav-ul{
	height: 140px;
	width: 610px;
}
.nav-ul li{
	float: left;
	margin:0 10px 10px 0;
}
/****************************bottom***********************************/
.bottom{
	height: 612px;
	border-top: 1px solid #ccc;
	background: url(../img/footer_message_bg.jpg) no-repeat center bottom;
}
.bottom-top{
	height: 110px;
	border-bottom: 1px solid #ccc;
	
}
.bottom-list{
	height: 300px;
}
.bottom-top ul li{
	height: 64px;
	width: 242px;
	float: left;
	margin-top: 20px; 
}
.bottom-top img{
	float: left;
}
.bottom-top ._message01{
	height: 48px;
	width: 168px;
	float: left;
	margin: 10px 0  0 10px;
	line-height: 22px;
}
.bottom-top p a{
	font-size: 12px;
	color: #333333;
}
.bottom-list ul li{
	height: 160px;
	width: 173px;
	float: left;
}
.bottom-list ul li h5{
	line-height: 60px;
}
.bottom-list ul li span{
	line-height: 25px;
	display: block;
	font-size:12px ;
	
}
.bottom-list ul li span a{
	color: #333333;
}
/*body-right*/
.body-right{
	z-index: 999;
	position: fixed;
	right: 0;
	top: 30%;
	width: 35px;
}
.body-right ul li{
	
	position: relative;
	height: 35px;
	width: 35px;
	margin: 5px 0;
	background: #000000;
	opacity: 0.8;
	border-radius: 5px 0 0 5px;
}
.body-right-bg{
	height: 35px;
	width: 35px;
	background:url(../detail-img/share02.png) no-repeat -88px -156px;
}
.body-right-bg1{
	height: 35px;
	width: 35px;
	background:url(../detail-img/share02.png) no-repeat -140px -156px;
}
.body-right-bg2{
	height: 35px;
	width: 35px;
	background:url(../detail-img/share02.png) no-repeat -202px -156px;
}
.body-right-bg3{
	height: 35px;
	width: 35px;
	background:url(../detail-img/share02.png) no-repeat -260px -158px;
}
.body-right-bg4{
	height: 35px;
	width: 35px;
	background:url(../detail-img/share02.png) no-repeat -88px -156px;
}
.body-right-bg5{
	height: 35px;
	width: 35px;
	background:url(../detail-img/share02.png) no-repeat -312px -156px;
}
.body-right-bg6{
	height: 35px;
	width: 35px;
	background:url(../detail-img/share02.png) no-repeat -378px -156px;
}
.body-right-bg7{
	height: 35px;
	width: 35px;
	background:url(../detail-img/share02.png) no-repeat -438px -156px;
}
 .body-right ul li .body-right-logo{
	text-align: center;
	display: none;
	border: 1px solid #ccc;
	border-right: none;
	font-size: 12px;
	line-height: 35px;
	background: #FFFFFF;
	width: 70px;
	height: 30px;
	position: absolute;
	left: -70px;
	top: 2px;
	opacity: 1;
}
.body-right-th{
	width: 35px;
	height: 120px;
}
/****************************footer***********************************/
.footer-top{
	height: 66px;
	text-align: center;
	line-height: 66px;
}
.footer a{
	display: inline-block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 6px;
}
.footer-middle{
	height: 48px;
	text-align: center;
	line-height: 24px;
}
.footer-middle p{
	font-size: 12px;
	color: #FFFFFF;
}
.footer-vic{
	text-align: center;
	margin: 10px 0;
}

